
<!doctype html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <style>
            *{margin:0;padding:0}
            .container
            {
                height:280px;
                width:220px;
                background-color: aquamarine;
            }
            .login-form
            {
                padding: 10px;
            }
            .login-input
            {
                display: block;
                text-indent: 15px;
                border:1px solid #000;
                border-radius: 3px;
                width:180px;
                height: 25px;
                margin-top:10px;
                font-size: 14px;
            }
            p
            {
                font-size: 10px;
                margin:10px 20px 0 0;
            }
            a
            {
                text-decoration: none;
                float:right;
            }
            hr
            {
               
                margin:10px 20px 0 0 ;
             
                color: black;
            }
            .btn
            {
                display: block;
                margin-top:10px;
                width:180px;
                height: 40px;
                background: url(1.jpg)
            }
            .btn-sumbmit
            {
                
                background-position: 0 0;
            }
            .btn-register
            {
                background-position: 0 -38px
            }
        </style>
    </head>
    <body>
        <div class="container">
        <form class="login-form">
            <input type= "text" class="login-input" placeholder="邮箱/手机号/用户名" />
            <input type="password" class="login-input" placeholder="请输入密码" />
            <P>
                <input type="checkbox">下次自动登录<a href="#">忘记密码</a>
            </P>
            <hr />
            <input type="submit" class="btn btn-submit" value="" />
            <input type="button" class="btn btn-register" value="" />
        </form>
        </div>
    </body>
</html>